<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title here</title>
    <script type="text/javascript" src="./jquery.js"></script>  
         <script type="text/javascript" src="./ajaxfileupload.js"></script>
        <script type="text/javascript">
    function ajaxFileUpload()
    {
        
        $("#loading")
        .ajaxStart(function(){
            $(this).show();
        })//开始上传文件时显示一个图片
        .ajaxComplete(function(){
            $(this).hide();
        });//文件上传完成将图片隐藏起来
        
        $.ajaxFileUpload
        (
            {
                url:'/drm/att/up?token=12qwaszxcvdfer34',//用于文件上传的服务器端请求地址
                secureuri:false,//一般设置为false
                fileElementId:'file',//文件上传空间的id属性  <input type="file" id="file" name="file" />
                dataType: 'json',//返回值类型 一般设置为json
                success: function (data, status)  //服务器成功响应处理函数
                {
                    alert(data.msg);//从服务器返回的json中取出message中的数据,其中message为在struts2中action中定义的成员变量
                    
                    if(typeof(data.code) != 1)
                    {
                         
                            alert(data.id);
                            
                            $("#attchmentdwon").attr("href","http://182.92.157.212/drmdown/"+data.id+"?fnm="+data.filename)   
                            
                             $("#attchmentdwon").text("可以下载文件"+data.filename);
                         $("#showimg").show();
                         $("#showimg").attr("src","http://182.92.157.212/drmimg/"+data.id)
                    }
                    //附件
                    //{"id":"723da7453ebdbdc1b5526f5889e3f590","oid":"53fb5bc26b2d42d7594bf2c0","flength":87559,"filename":"536625.jpg","code":0,"ftype":"image/jpeg"}
                },
                error: function (data, status, e)//服务器响应失败处理函数
                {
                    alert(e);
                }
            }
        )
        
        return false;

    }
    </script>
    </head>
    <body>
        <img src="loading.gif" id="loading" style="display: none;">
        <input type="file" id="file" name="upload" />
        
         <img src="loading.gif" id="showimg" style="display: none;">
        
        <br />
        <input type="button" value="上传" onclick="return ajaxFileUpload();">
        
        <a id="attchmentdwon" href ="#"> 等待生成图片，点击下载</a>
        
        
         <img src="http://127.0.0.1:8080/rancode/img2" id="loading"  onclick="this.src='http://127.0.0.1:8080/rancode/img2?'+Math.random()" >
    </body>
</html>